<template>
	<view class="con_sub">
		<view class="none_text"> Tem certeza que deseja cancelar seu registro? </view>
		<view class="none_tip">
			 Cadastre-se agora e garanta seu Bônus de até R$3.000 e Rodadas Grátis! 
		</view>

		<view class="login_btn">
			<up-button color="#10AD6B" :customStyle="btnStyle" @click="goregister">
				<view class="btn_text"> Continuar </view>
			</up-button>
		</view>
	</view>
</template>

<script setup>
import { ref, reactive, onMounted, watch,inject } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';


const btnStyle = {
	height: '98rpx',
	borderRadius: '12rpx',
	fontSize: '32rpx',
	color: '#fff',
	fontWeight: 700,
	border: '2rpx solid #454757'
};

const setMenu=inject('setMenu')


onMounted(() => {});

const goregister = () => {
	setMenu(2)
};

</script>

<style lang="scss" scoped>
.con_sub {
	font-size: 32rpx;
	line-height: 64rpx;
	.none_text{
		margin-top: 600rpx;
		text-align: center;
		font-size: 48rpx;
		line-height: 64rpx;
		font-weight: 500;
	}
	.none_tip{
		margin-top: 24rpx;
		color: #7E84A0;
		font-size: 36rpx;
		line-height: 64rpx;
		text-align: center;
	}
	.login_btn {
		margin-top: 98rpx;
		.btn_icon {
			width: 48rpx;
			height: 48rpx;
			display: block;
			margin-right: 20rpx;
		}
		.btn_text {
			font-size: 24rpx;
			font-weight: 900;
			line-height: 40rpx;
		}
	}
}
</style>
